@charset "UTF-8"; /* csslayout01.css */
body { border: 1px solid navy; width: 950px;
				min-height: 550px; margin: 0 auto; }
header { height: 120px; background: #ccff33; }
#contents { min-height: 550px; background: yellow;
				margin-bottom: -20px; }
footer {  height: 155px; background: #ffcc33; }

nav { background: navy; 
				padding: 5px 20px 5px 20px; }
				
#logo { height: 120px; width: 120px;
			background: url(../images/imgbtn.png);
			float: left; margin-left: 20px; }

#qtext { padding: 95px 0 0 10px; 
				width: 200px; float:left; }
#qtext span { text-decoration: underline; }
#qmenu { float: right; margin: -10px 10px 0 0; }
#qmenu ul li { float: left; padding-right: 5px; }

nav input[type="text"] { width: 250px;  }
nav select { width: 125px; padding: 2px; }
nav button { width: 125px; padding: 3px; }

#sect01, #sect02 { margin: 0 0 0 20px; }

#sect01 aside { width: 20%; float: left; margin: 10px 15px 0 0; }
#sect01 aside ul { margin:0; padding: 0; border: 1px solid black; }		
#sect01 aside ul li { border: 1px solid black; padding: 10px; }		
			
#sect01 section { width: 75%; height: 300px; 
				border: 2px solid black; float: left;
				margin-top: 10px; }

#sect01 section p { text-align: center;
					position: relative; top: 40%; }
#sect01 section ul {  position: relative; top: 70%; left: 70% }
#sect01 section ul li { float: left; width: 30px;
				height: 25px; background: navy;
				margin-right: 10px; text-align: center;
				padding-top: 5px; color: white }								

#sect02 h3 { padding-top: 25px; }
#sect02 ul li { float: left; 	margin-right: 50px; }
#sect02 ul li:last-child { margin-right: 0; } 					
#sect02 ul li div { width: 100px; height: 100px;
				background: #ff9900; border-radius: 10px; }
#sect02 ul li p { text-align: center; 
				text-decoration: underline; }

#sitemap { margin-left: 25px; }
footer ul { float: left; margin-right: 25px; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0 }	/* 리셋1 */
ul { list-style-type: none;  }										/* 리셋2 */
#copy { text-align: center; }

.clearme { clear: both; }









